<template>
	<Nav class="f" bgColor="#fff">
		<view class="title dispaly-center p-l-32 nav" @click="$goUrl('back')">
			<view class="icon dispaly-align-center">
				<image src="/static/icon/left.png" mode="aspectFill"></image>
				<!-- <u-icon name="arrow-left" color="#fff" size="34"></u-icon> -->
			</view>
			<view class="r-name">关于我们</view>
		</view>
	</Nav>
	<view :style="{ marginTop: navHeiht + 'px' }">
		<view class="content p-32">
			<u-parse :html="content"></u-parse>
		</view>
	</view>
</template>

<script setup>
import { ref, onMounted, reactive } from 'vue';
import { getElementHeight } from '@/utils/util';
// 获取元素高度
const content = ref(
	'堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工堪比奢侈品的植鞣工艺，把时光揉进皮衣，堪比奢侈品的植鞣工'
);
const navHeiht = ref(0);
onMounted(async () => {
	const res = await getElementHeight('.f');
	navHeiht.value = res;
});
</script>

<style lang="scss" scoped>
.home-content {
	margin: 0 32rpx;
}

.tag {
	margin-right: 10rpx;
}

.r-name {
	color: #020121;
}

.title {
	.icon {
		image {
			width: 40rpx;
			height: 40rpx;
		}
	}
}
</style>
<style>
page {
	background-color: #fff;
}
</style>
